$_img_path: $img_path + 'cover/';
* {
  -webkit-user-select: none;
  user-select: none;
}

.cover {
  background: url($_img_path + 'p1-bg.png') no-repeat;
  background-size: cover;
  @at-root {
    .position_cover_help {
      width: 100%;
      position: absolute;
      bottom: 80px;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: rgba(0,0,0,.5);
      opacity:0;
      @include vp(animation,rotate 1.5s .5s ease-in-out);
      @include vp(animation-fill-mode,forwards);
      @at-root {
        @keyframes rotate {
          0% {
            opacity:0;
          }
          100% {
            opacity:1;
          }

        }
        @-webkit-keyframes rotate {
          0% {
            opacity:0;
          }
          100% {
            opacity:1;
          }
        }
      }
      @at-root {
        .sign_cover_img {
          $origin_width: 592px;
          $origin_height: 250px;
          color: white;
          font-size: 24px;
          background: url($_img_path + 'text.png') no-repeat;
          background-size: $origin_width/2;
          width: $origin_width/2;
          height: $origin_height/2;
          margin:0 auto;


        }
      }
    }
  }
}